html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
}
body {
  font-family: Arial, "STHeiti", Helvetica, sans-serif;
  background: #fff;
  font-size: 14px;
  height: 100%;
  //max-width: 750px;
  //min-width: 20pc;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
}
button,
input {
    line-height: normal;
}
button,
select {  
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; 
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; 
    padding: 0; 
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
    body {
        
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        
        margin: 0;
        padding: 0;
    }
ul li{
    list-style:none;
}
//****************页面**************
html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
//首页
.pageOne{
   width:750/64rem; position:relative; height: 100%; background-image: url(../img/one/one-bg.jpg); background-size: 100% 100%;
}
.pageOne>img:nth-of-type(1){
    width: 480/64rem; height:145/64rem;position: absolute; top:49%; left:0;
}
.pageOne>img:nth-of-type(2){
    width: 566/64rem; height:290/64rem;position: absolute; top:57/64rem; left:0;
}
.pageOne>img:nth-of-type(3){
    width: 354/64rem; height:78/64rem;position: absolute; top:195/64rem; left:59/64rem;
}
.pageOne>img:nth-of-type(4){
    width: 431/64rem; height:63/64rem;position: absolute; top:275/64rem; left:62/64rem;
}
.pageOne>img:nth-of-type(5){
     width: 63/64rem; height:48/64rem;position: absolute; bottom:32/64rem; left:293/64rem; animation:up 0.7s 2s linear infinite;
    -webkit-animation: up 0.7s 2s linear infinite;
}
//分类页
.pageTwo{
    width:750/64rem; position:relative; height: 100%; background-image: url(../img/shou/shou-bg02.png); background-size: 100% 100%;
}
.pageTwo>img:nth-of-type(1){
    width: 207/64rem; height:43/64rem;position: absolute; top: 386/64rem; left:214/64rem;
}
.pageTwo>img:nth-of-type(2){
    width: 628/64rem; height:213/64rem;position: absolute; top: 402/64rem; left:3/64rem;
}
.pageTwo>img:nth-of-type(3){
    width:462/64rem; height:100/64rem;position: absolute; top: 633/64rem; left:88/64rem; 
//  animation: joinClick 3s  ease  2.5s infinite ;
//  -webkit-animation: joinClick 3s  ease  2.5s infinite ;
}
.pageTwo>img:nth-of-type(4){
     width:462/64rem; height:100/64rem;position: absolute; top:732/64rem; left:98/64rem; 
//   animation: joinClick 3s 2s  ease infinite ;
//-webkit-animation: joinClick 3s ease infinite ;
}
.pageTwo>img:nth-of-type(5){
     width:462/64rem; height:100/64rem;position: absolute; top: 832/64rem; left:92/64rem; 
//   animation: joinClick 3s 3s ease infinite ;
//-webkit-animation: joinClick 3s ease infinite ;
}
@keyframes joinClick {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}

2.5%, 5% {
    -webkit-transform: scale(.95) rotate3d(0, 0, 1, -4deg);
    transform: scale(.95) rotate3d(0, 0, 1, -4deg);
}

7.5%, 12.5%, 17.5%, 22.5% {
    -webkit-transform: scale(1.15) rotate3d(0, 0, 1, 4deg);
    transform: scale(1.15) rotate3d(0, 0, 1, 4deg);
}

10%, 15%, 20% {
    -webkit-transform: scale(1.15) rotate3d(0, 0, 1, -4deg);
    transform: scale(1.15) rotate3d(0, 0, 1, -4deg);
}
25% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
100%{
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
@-webkit-keyframes joinClick {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}

2.5%, 5% {
    -webkit-transform: scale(.95) rotate3d(0, 0, 1, -4deg);
    transform: scale(.95) rotate3d(0, 0, 1, -4deg);
}

7.5%, 12.5%, 17.5%, 22.5% {
    -webkit-transform: scale(1.15) rotate3d(0, 0, 1, 4deg);
    transform: scale(1.15) rotate3d(0, 0, 1, 4deg);
}

10%, 15%, 20% {
    -webkit-transform: scale(1.15) rotate3d(0, 0, 1, -4deg);
    transform: scale(1.15) rotate3d(0, 0, 1, -4deg);
}
25% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
100%{
    -webkit-transform: scale(1);
    transform: scale(1);
}
}
.btn{
    width:462/64rem; height:100/64rem;position: absolute; z-index: 100;
}
.btn1{
    top: 633/64rem; left:88/64rem;
}
.btn2{
    top:732/64rem; left:98/64rem;
}
.btn3{
    top: 832/64rem; left:92/64rem; 
}

//kol页面
.contentOne{
    width:640/64rem; position:relative; height: 100%; background-image: url(../img/kol/kol-bg.png); background-size: 100% 100%;
}
.contentOne>img:nth-of-type(1){
    width: 34/64rem; height:44/64rem;position: absolute; top: 34/64rem; right:20/64rem;
}
.contentOne>img:nth-of-type(2){
    width: 599/64rem; height:64/64rem;position: absolute; top: 182/64rem; left:21/64rem;
}
.contentOne>img:nth-of-type(3){
    width: 158/64rem; height:144/64rem;position: absolute; top:294/64rem; left:20/64rem;
}
.contentOne>img:nth-of-type(4){
    width: 447/64rem; height:126/64rem;position: absolute; top: 302/64rem; right:20/64rem;
}
.contentOne>img:nth-of-type(5){
    width: 158/64rem; height:144/64rem;position: absolute; top: 448/64rem; left:20/64rem;
}
.contentOne>img:nth-of-type(6){
    width: 447/64rem; height:126/64rem;position: absolute; top: 452/64rem; right:20/64rem;
}
.contentOne>img:nth-of-type(7){
    width: 158/64rem; height:144/64rem;position: absolute; top: 608/64rem; left:20/64rem;
}
.contentOne>img:nth-of-type(8){
    width: 447/64rem; height:126/64rem;position: absolute; top: 614/64rem; right:20/64rem;
}
.contentOne>img:nth-of-type(9){
    width: 158/64rem; height:144/64rem;position: absolute; top: 770/64rem; left:20/64rem;
}
.contentOne>img:nth-of-type(10){
    width: 447/64rem; height:126/64rem;position: absolute; top: 776/64rem; right:20/64rem;
}
.contentOne>img:nth-of-type(11){
    width: 640/64rem; height:191/64rem;position: absolute; top: 102/64rem; right:0/64rem;
}

//留资页面
.contentThree{
    width:640/64rem; position:relative; height: 100%; background-image: url(../img/infom/inform.png); background-size: 100% 100%;
}
.contentThree>img:nth-of-type(1){
    width: 34/64rem; height:44/64rem;position: absolute; top: 34/64rem; right:20/64rem;
}
.input-form>li:nth-of-type(1){
    background-image: url(../img/infom/chang.png);background-size:contain; width: 603/64rem; height: 81/64rem; position: absolute; top:234/64rem ; left: 20/64rem;
}
.input-form>li:nth-of-type(2){
    background-image: url(../img/infom/chang.png);background-size:contain; width: 603/64rem; height: 81/64rem; position: absolute; top:330/64rem ; left: 20/64rem;
}
.input-form>li:nth-of-type(3){
    background-image: url(../img/infom/chang.png);background-size:contain; width: 603/64rem; height: 81/64rem; position: absolute; top:425/64rem ; left: 20/64rem;
}
.input-form>li:nth-of-type(4){
    background-image: url(../img/infom/chang-sec.png);background-size:contain; width: 603/64rem; height: 81/64rem; position: absolute; top:521/64rem ; left: 20/64rem;
}
.input-form>li:nth-of-type(5){
    background-image: url(../img/infom/chang-car.png); background-size:contain;width: 603/64rem; height: 81/64rem; position: absolute; top:616/64rem ; left: 20/64rem;
}
.input-form>li:nth-of-type(6) img{
    width: 606/64rem; height: 88/64rem; position: absolute; left: 20/64rem; top: 711/64rem;
}
.input-form li em{
    width:9/64rem;
    height:73/64rem;
    background-image:url(../img/shu.png);
    background-size: contain;
    position: absolute;
    left:90/64rem;
    top:4/64rem;
}

.checkbox{
    top: 707/64rem;
    left:3%;
    position: absolute;
    background: transparent;
    width: 22/64rem; height:22/64rem ;
//  visibility: hidden;
//  appearance: 
//  -moz-appearance: none; outline: none;
//  -webkit-appearance:;    
//  border-style: none;
    color: #007AFF;
}
.icon-01{
    margin-top: 19/64rem;position: absolute; top:0; left: 20/64rem; 
}
.icon-02{
    margin-top: 21/64rem;position: absolute; top:0; left: 20/64rem;
}
.icon-03{
    margin-top: 18/64rem;position: absolute; top:0; left: 20/64rem;
} 
.icon-05{
    margin-top: 22/64rem;position: absolute; top:0; left: 20/64rem; 
}
.icon-04{
   position: absolute; top:15/64rem; left: 20/64rem; 
}
.icon{
    width: 49/64rem; height: 49/64rem;
}
.litop3>label:nth-of-type(1){
    position: absolute; top: 24/64rem; left: 127/64rem;
}
.litop3>label:nth-of-type(2){
    position: absolute; top: 24/64rem; left: 285/64rem;
}
#username{
    width: 505/64rem; height:50/64rem; background-color: transparent;border-style: none; margin-top: 0;font-size: 28/64rem;outline: none;
}
#phone{
    width: 505/64rem; height:50/64rem; background-color: transparent;border-style: none;  margin-top: 0;font-size: 28/64rem;outline: none;
}
.litop3{
    width: 600/64rem; height: 76/64rem;
}

.submit{
    width: 600/64rem; height: 82/64rem; position: absolute; top: 844/64rem; left: 20/64rem; background-color: #ba0714;
}
div.nosubmit{
    background:#888587;
}
#submit>img{
    width: 179/64rem; height: 36/64rem;position: absolute;top:24/64rem; left: 222/64rem;
}
.longselect{
    width: 505/64rem; height:74/64rem; background-color: transparent;border-style: none;  margin-top: 0;font-size: 28/64rem; appearance: none; -moz-appearance: none; outline: none;
    -webkit-appearance: none;background-color: transparent;border-style: none;font-size: 28/64rem;color: #888587;position: absolute;left: 117/64rem;top:5/64rem;
}
#ddlProvince{
    width:143/64rem; height:74/64rem; overflow:hidden;appearance: none; -moz-appearance: none;-webkit-appearance: none; outline: none; background-color: transparent; 
    border-style: none;font-size: 28/64rem;color: #888587;position: absolute;left:117/64rem;text-align: center;  position: absolute;top: 5/64rem;
}
#ddlCity{
    width: 260/64rem;height:74/64rem;appearance: none; -moz-appearance: none;-webkit-appearance: none; outline: none; background-color: transparent; 
    border-style: none; font-size: 28/64rem;color: #888587;position: absolute;left: 360/64rem;text-align: center;position: absolute;top: 5/64rem;
}
.litop3>label{
    font-size: 28/64rem; color: #888587;
}
.swiper-wrapper{
    display: none;
}
#username{
    position: absolute; left: 117/64rem;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%)
}
#phone{
    position: absolute; left: 117/64rem;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%)
}
#go3 .changed{
    color: #FFFFFF;
}



//车型亮点
//第一页
.contentTwo{
     width:640/64rem; position:relative; height: 100%; background-image: url(../img/car-content/car-page01/car-page-bg.png); background-size: 100% 100%;
}
.contentTwo>img:nth-of-type(1){
     width: 34/64rem; height:44/64rem;position: absolute; top:20/64rem; right:20/64rem;z-index: 100;
}
.contentTwo>img:nth-of-type(2){
     width: 639/64rem; height:631/64rem;position: absolute; top:5/64rem; right:0;
}
.contentTwo>img:nth-of-type(3){
     width: 640/64rem; height:630/64rem;position: absolute; top:384/64rem; right:0;
}
.contentTwo>img:nth-of-type(4){
    width: 63/64rem; height:48/64rem;position: absolute; bottom:32/64rem; left:293/64rem; animation:up 0.7s 2s linear infinite;
    -webkit-animation: up 0.7s 2s linear infinite;
}
@keyframes up{
   0%{transform: translateY(0);-webkit-transform: translateY(0);}
   100%{transform: translateY(6px); -webkit-transform: translateY(6px);}
}
@-webkit-keyframes up{
   
   0%{transform: translateY(0);-webkit-transform: translateY(0);}
   100%{transform: translateY(6px); -webkit-transform: translateY(6px);}
}

//第二页
.contentTwo-2{
    width:640/64rem; position:relative; height: 100%; background-image: url(../img/car-content/car-page02/car-page-bg.png); background-size: 100% 100%;
}
.contentTwo-2>img:nth-of-type(1){
       width: 342/64rem; height:145/64rem;position: absolute; top:140/64rem; left:20/64rem;
}
.contentTwo-2>img:nth-of-type(2){
       width: 640/64rem; height:559/64rem;position: absolute; top:180/64rem; left:0;
}
.contentTwo-2>img:nth-of-type(3){
       width: 366/64rem; height:167/64rem;position: absolute; top:556/64rem; left:158/64rem;
}
.contentTwo-2>img:nth-of-type(4){
       width: 640/64rem; height:469/64rem;position: absolute; top:558/64rem; left:0;
}
.contentTwo-2>img:nth-of-type(5){
   width: 63/64rem; height:48/64rem;position: absolute; bottom:32/64rem; left:293/64rem; animation:up 0.7s 2s linear infinite;
    -webkit-animation: up 0.7s 2s linear infinite;
}
//第三页
.contentTwo-3{
     width:640/64rem; position:relative; height: 100%; background-image: url(../img/car-content/car-page03/car-page-bg.png); background-size:100% 100%;
}
.contentTwo-3>img:nth-of-type(1){
     width: 360/64rem; height: 147/64rem;position: absolute;top: 118/64rem; left: 20/64rem;
}
//这块改了
.contentTwo-3>img:nth-of-type(2){
     width: 640/64rem; height: 567/64rem;position: absolute;top:161/64rem ; left:0 ;
}
.contentTwo-3>img:nth-of-type(3){
     width: 640/64rem; height: 507/64rem;position: absolute;bottom: 0; right: 0;
}
.contentTwo-3>img:nth-of-type(4){
  width: 63/64rem; height:48/64rem;position: absolute; bottom:32/64rem; left:293/64rem; animation:up 0.7s 2s linear infinite;
    -webkit-animation: up 0.7s 2s linear infinite;
}

//第四页
.contentTwo-4{
    width:640/64rem; position:relative; height: 100%; background-image: url(../img/car-content/car-page04/car-page-bg.png); background-size: 100% 100%;
}
.contentTwo-4>img:nth-of-type(1){
     width: 474/64rem; height: 244/64rem;position: absolute;top:32/64rem; left:96/64rem;
}
.contentTwo-4>img:nth-of-type(2){
     width: 619/64rem; height: 541/64rem;position: absolute;top: 32/64rem; left:0;
}
.contentTwo-4>img:nth-of-type(3){
     width:640/64rem; height: 604/64rem;position: absolute;top: 310/64rem; left:0;
}
.contentTwo-4>img:nth-of-type(4){
     width:398/64rem; height: 118/64rem;position: absolute;top: 784/64rem; left:224/64rem;
}
.contentTwo-4>img:nth-of-type(5){
   width: 63/64rem; height:48/64rem;position: absolute; bottom:32/64rem; left:293/64rem; animation:up 0.7s 2s linear infinite;
    -webkit-animation: up 0.7s 2s linear infinite;
}

//第五页
.contentTwo-5{
    width:640/64rem; position:relative; height: 100%; background-image: url(../img/car-content/car-page05/car-page-bg.png); background-size: 100% 100%;
}
.contentTwo-5>img:nth-of-type(1){
     width: 640/64rem; height: 585/64rem;position: absolute;top:25/64rem; left:0;
}
.contentTwo-5>img:nth-of-type(2){
     width: 202/64rem; height: 175/64rem;position: absolute;top: 500/64rem; left:50/64rem;
}
.contentTwo-5>img:nth-of-type(3){
     width: 640/64rem; height:652/64rem;position: absolute;top: 406/64rem; left:0;
}
.contentTwo-5>img:nth-of-type(4){
  width: 63/64rem; height:48/64rem;position: absolute; bottom:32/64rem; left:293/64rem; animation:up 0.7s 2s linear infinite;
    -webkit-animation: up 0.7s 2s linear infinite;
}

//加载页面
.load-page{
    background: #000000; width: 100%; height: 100%;
}
.load-page{
  width:100%;
  height:100%;
  position: fixed;
  left:0;
  top:0;
  z-index: 999;
  .img-load-now{
    width:183/64rem;
    height:100/64rem;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
    .loading{
      width:24/54rem;
      height:70/64rem;
     text-align: center;
     img{
         position: absolute;
         left:50%;
         transform: translate(-50%,0);
     }
    }
    .mask{
      width: 100%;
      height:70/64rem;
      text-align: center;
      color: #FFFFFF;

    }
    span{
      font-size: 22/64rem;
      color: #FFFFFF;
    }
  }
}

//视频
.video{
    width:100%;
//  height:368/64rem;
    height: 100%;
    display: block;
    
//  position: absolute;
//  top: 0;
// left: 0;
}
.video source{
    width: 100%;
  
}
.movieDiv{
    width: 100%; 
    height:347/64rem; 
    height:auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
        text-align: center;
}
.pop{
    color: #FFFFFF;
    margin-top: 16/64rem;
    font-size: 20/64rem;
    opacity: 0.8;
    width: 100%;
    animation: shanshan 2s 2s linear forwards;
    -webkit-animation: shanshan 2s 2s linear forwards;
    }
 video::-webkit-media-controls-enclosure {
            display: none !important;
        }
        video::media-controls-enclosure {
            display: none !important;
        }
.wai{
    width: 100%;
    height: 346/64rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.sanjiao{
    width: 100/64rem;
    height: 100/64rem;
    position: absolute;
    z-index: 15;
    top: 50/64rem;
    
}
@keyframes shanshan{
    0%{
        opacity: 1;
    }
    25%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    75%{
        opacity: 0;   
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes shanshan{
    0%{
        opacity: 1;
    }
    25%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    75%{
        opacity: 0;   
    }
    100%{
        opacity: 1;
    }
}